/**
 * 获取指定范围的随机数
 * @param {*开始} start 
 * @param {*技术} end 
 */
 function Random(start, end) {
    let num = (Math.random() * (end - start) + start).toString();
    return parseInt(num, 10);
}


/**
 * 添加一个弹幕
 * @param {*内容} text 
 */
function SetBarrage(text) {
    // 创建dom并添加class 和各种数据
    var barrage = document.createElement('span');
    barrage.className = "content-barrage-single";
    barrage.innerText = text;
    document.getElementById('content-barrage').appendChild(barrage);
    // 创建弹幕从右到左面的10-15的随机秒数
    var width = text.length;   //获取当前弹幕的宽度
    var speed;
    // console.log(width)
    //判断区间速度
    if(width < 100){
        speed = 5;
    }else if(width <300){
        speed = 10;
    }else if(width < 500){
        speed = 20;
    }else if(width <1000){
        speed = width/50;
    }else if(width <2000){
        speed = width/100;
    }else{
        speed = width/150;
    }
    console.log(speed)
    // const randomTime = Random(1, 15);
    const randomTime = speed;

    // console.log(randomTime)
    // 创建离上方的距离  百分比 现在是半屏
    const randomTop = Random(15, 30);
    barrage.style.top = randomTop + "%";
    barrage.style.animation = "barrage " + randomTime + "s linear";
    // 添加一个定时器 在运行完成之后删除这个DOM
    setTimeout(() => {
        document.getElementById('content-barrage').removeChild(barrage)
    }, randomTime * 1500);
}


// 绑定发送弹幕按钮
// $("#dm_button").click(function() {
//     var data = [
//         {text:"12344"},
//         {text:"2345"},
//         {text:"2345"},  {text:"2345"},  {text:"2015年12月3日，我成为一名光荣的预备党员，发展大会上，我当时所在的温州大学马克思主义学院总支书记王柏民老师对我说，从今天开始，你有了另一生日，是你的政治生日，一个生日是你父母给予的，这个是党给你的。神圣的同时，让我感觉到了孕育新生，仿佛是一个全新的我开始成长，工作以来，时刻警醒自己，作为一名党员，应该在工作中发挥责任、担当意识；同时更应该不断学习，提高自身政治素养，做学生的榜样。"},  {text:"2345"},  {text:"2345"},  {text:"2345"},  {text:"2345"}
//     ]
//     data.forEach(function(value,index){
//         SetBarrage(value.text)
//     })
//     // SetBarrage(document.getElementById("send_text").value);
// })
